<template>

  <div>
    <navigation></navigation>
    <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
        <li v-for="item in quetions" class="infinite-list-item" :key="item.key">
            <p>{{item.name}}</p>
            <div v-for="i in item.answers" :key="i.key">
                
            </div>
        </li>
    </ul>
  </div>
</template>
<style>
    .infinite-list-item{
        background-color: #d4f9c5;
        margin-top: 20px;
    }
</style>
<script>
  export default {
    data () {
      return {
        count: 0,
        quetions:[
            name="marsblue",
            quetion="挑战杯有没有奖金",
            answers=[
                {
                    name:"elistao",
                    answer:"有奖金，貌似还很多"
                },{
                    name:"mark jojo",
                    answer:"我不太清楚，你可以去问问green"
                }
            ]
        ]
      }
    },
    methods: {
      load () {
        this.count=10
      }
    }
  }
</script>